<template>
  <div>
    <input
      type="text"
      :value="message"
      @input="$emit('update:message', $event.target.value)"
    />
    <!-- {{ message }} -->
  </div>
</template>
<script>
export default {
  props: {
    message: String,
  },
  setup(props, { emit }) {
    // setup 有两个参数 第一props 就是获取父元素传入的参数的 第二个参数就是 组件的上想文，
    const input = (e) => {
      //
      //   console.log(e.target.value);
      emit("inputchange", e.target.value);
    };
    return {
      input,
    };
  },
};
</script>